
<template>
  
  <div>
    <HeaderContainer></HeaderContainer>
    <MiddleContainer></MiddleContainer>
    <FooterContainer></FooterContainer>
  </div>
</template>

<script>


import HeaderContainer from './components/HeaderContainer.vue';
import MiddleContainer from './components/MiddleContainer.vue';
import FooterContainer from './components/FooterContainer.vue';


export default {
  name: 'App',
  components: {
    HeaderContainer,
    MiddleContainer,
    FooterContainer
  },
}
</script>

<style>
*{
      margin: 0;
      padding: 0;
      border-radius: 3px;

        }
</style>
